<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>网站管理</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="stylesheet" type="text/css" href="lib/bootstrap3/css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="stylesheets/theme.css">

        <link rel="stylesheet" type="text/css" href="lib/ki.css">

        <link rel="shortcut icon" type="image/icon" href="lib/bootstrap3/ico/favicon.ico">

        <script src="lib/jquery-2.0.3.min.js" type="text/javascript"></script>
        <script src="lib/bootstrap3/js/bootstrap.js" type="text/javascript"></script>
        <script src="lib/ki.core.js" type="text/javascript"></script>
        <script src="lib/ki.pjax.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                ki.init();
                $("#menuBar").on("click",function(event){
                    var content=$(".content");
                    var sidebar=$(".sidebar-nav");
                    if(content.hasClass("content-full")){
                        content.removeClass("content-full");
                        sidebar.show();
                    }else{
                        content.addClass("content-full");
                        sidebar.hide();
                    }
                    event.preventDefault();
                });
            });
        </script>
    </head>
    <body>
        <div class="sidebar-nav">
            <ul class="nav-title">
                <li>
                    管理系统
                </li>
            </ul>
            <div class="nav-header dropdown">
                <span class="glyphicon glyphicon-user"></span>
                管理员
                <a class="glyphicon glyphicon-cog" data-toggle="dropdown" href="#"></a>
                <ul class="dropdown-menu">
                    <li>
                        <a tabindex="-1" href="#">账户</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a tabindex="-1"  href="#">设置</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a tabindex="-1" href="sign-in.html">登出</a>
                    </li>
                </ul>
            </div>
            <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><span class="glyphicon glyphicon-dashboard"></span>控制面板</a>
            <ul id="dashboard-menu" class="nav nav-list collapse in">
                <li>
                    <a href="index.html" title="1234" target="pjax" data-toggle="tooltip">主页</a>
                </li>
                <li>
                    <a href="users.html" target="pjax" >用户列表</a>
                </li>
                <li>
                    <a href="user.html" target="pjax" >用户</a>
                </li>
                <li>
                    <a href="media.html" target="pjax" rel=".row">图片</a>
                </li>
                <li>
                    <a href="calendar.html" target="pjax" >日历</a>
                </li>
            </ul>
            <a href="#accounts-menu" class="nav-header" data-toggle="collapse">
                <span class="glyphicon glyphicon-user"></span>
                账户
                <span class="label label-info">42</span>
            </a>
            <ul id="accounts-menu" class="nav nav-list collapse">
                <li>
                    <a href="sign-in.html">登录</a>
                </li>
                <li>
                    <a href="sign-up.html">注册</a>
                </li>
                <li>
                    <a href="reset-password.html">重置密码</a>
                </li>
            </ul>
            <a href="#error-menu" class="nav-header collapsed" data-toggle="collapse">
                <span class="glyphicon glyphicon-exclamation-sign"></span>
                错误页面
                <span class="glyphicon glyphicon-chevron-up"></span>
            </a>
            <ul id="error-menu" class="nav nav-list collapse">
                <li>
                    <a href="403.html">403</a>
                </li>
                <li>
                    <a href="404.html">404</a>
                </li>
                <li>
                    <a href="500.html">500</a>
                </li>
                <li>
                    <a href="503.html">503</a>
                </li>
            </ul>
            <a href="#legal-menu" class="nav-header" data-toggle="collapse"><span class="glyphicon glyphicon-list-alt"></span>法律声明</a>
            <ul id="legal-menu" class="nav nav-list collapse">
                <li>
                    <a href="privacy-policy.html" target="pjax" >隐私策略</a>
                </li>
                <li>
                    <a href="terms-and-conditions.html" target="pjax" >条款声明</a>
                </li>
            </ul>
            <a href="help.html" class="nav-header" target="pjax" ><span class="glyphicon glyphicon-question-sign"></span>帮助</a>
            <a href="faq.html" class="nav-header" target="pjax" ><span class="glyphicon glyphicon-comment"></span>常见问题</a>
        </div>

        <div class="content" id="pjax-container">
            <ul class="breadcrumb">
                <li>
                    <a class="glyphicon glyphicon-align-justify" id="menuBar" href="#"></a>
                    <a href="index.html">主页</a>
                </li>
                <li class="active">
                    控制面板
                </li>
            </ul>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <div class="alert alert-info">
                            <button type="button" class="close" data-dismiss="alert">
                                ×
                            </button>
                            <strong>提示：</strong> 希望你喜欢本主题！
                        </div>
                    </div>

                    <div class="col-xs-12 col-md-6">
                        <div class="block">
                            <a href="#tablewidget" class="block-heading" data-toggle="collapse">用户<span
                                    class="label label-warning">+10</span>
                            </a>
                            <div id="tablewidget" class="block-body collapse in">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>
                                                姓名
                                            </th>
                                            <th>
                                                性别
                                            </th>
                                            <th>
                                                用户名
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                小明
                                            </td>
                                            <td>
                                                男
                                            </td>
                                            <td>
                                                xiaoming
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                小红
                                            </td>
                                            <td>
                                                女
                                            </td>
                                            <td>
                                                xiaohua
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                肖杰
                                            </td>
                                            <td>
                                                男
                                            </td>
                                            <td>
                                                ahttzxj
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                王晰
                                            </td>
                                            <td>
                                                男
                                            </td>
                                            <td>
                                                aliseph
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <p>
                                    <a href="users.html">更多...</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6">
                        <div class="block">
                            <a href="#widget1container" class="block-heading" data-toggle="collapse">可折叠面板 </a>
                            <div id="widget1container" class="block-body collapse in">
                                <h2>
                                    Using Ruby?
                                </h2>
                                <p>
                                    This template was developed with
                                    <a href="http://middlemanapp.com/" target="_blank">Middleman</a> and includes .erb layouts
                                    and views.
                                </p>
                                <p>
                                    All of the views you see here (sign in, sign up, users, etc) are already split up so you
                                    don't have to waste your time doing it yourself!
                                </p>
                                <p>
                                    The layout.erb file includes the header, footer, and side navigation and all of the views
                                    are broken out into their own files.
                                </p>
                                <p>
                                    If you aren't using Ruby, there is also a set of plain HTML files for each page, just like
                                    you would expect.
                                </p>
                            </div>
                        </div>
                    </div>     

                    <div class="col-xs-12 col-md-6">
                        <div class="block">
                            <p class="block-heading">
                                不可折叠的面板
                            </p>
                            <div class="block-body">
                                <h2>
                                    Tip of the Day
                                </h2>
                                <p>
                                    Fava bean jícama seakale beetroot courgette shallot amaranth pea garbanzo carrot radicchio
                                    peanut leek pea sprouts arugula brussels sprout green bean. Spring onion broccoli chicory
                                    shallot winter purslane pumpkin gumbo cabbage squash beet greens lettuce celery. Gram
                                    zucchini swiss chard mustard burdock radish brussels sprout groundnut. Asparagus
                                    horseradish beet greens broccoli brussels sprout bitterleaf groundnut cress sweet pepper
                                    leek bok choy shallot celtuce scallion chickpea radish pea sprouts.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <footer>
                <hr>
                <!-- Purchase a site license to remove this link from the footer: http://www.portnine.com/bootstrap-themes -->
                <p class="pull-right">
                    A
                    <a href="http://www.portnine.com/bootstrap-themes" target="_blank">Free Bootstrap Theme</a>
                    by
                    <a href="http://www.portnine.com" target="_blank">Portnine</a>
                </p>
                <p>
                    &copy; 2012
                    <a href="http://www.portnine.com" target="_blank">Portnine</a>
                </p>
            </footer>
        </div>
    </body>
</html>


